<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>新闻列表</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/smb-style.css"/>
		<link rel="stylesheet" type="text/css" href="css/style-mobile.css"/>
	</head>
	<body>
		<!-- 新闻-banner -->
		<div class="soft-banner">
			<img class="web" src="img/news-banner.png" alt="" >
			<img class="hfive" src="img/banner_hf.png" alt="" >
			<div class="wrap-center">
				<div class="smb-banner_text">
					<h4 class="smb-banner_title">新闻动态</h4>
					<p class="smb-banner_info">团餐行业最新动态</p>
				</div>
			</div>
		</div>
		<!-- 新闻列表 -->
		<div class="wraper-news">
			<div class="wrap-center">
				<div class="list-news clearfix">
					<div class="item">
						<a href="cooperation.html">
							<img class="img" src="img/hard-machine10.png" alt="">
							<p class="name">人脸识别食堂消费系统会给食堂带来哪些变化呢</p>
							<p class="time">2019-12-25 15:04:18</p>
						</a>
					</div>
					<div class="item">
						<a href="news-list.html">
							<img class="img" src="img/hard-machine10.png" alt="">
							<p class="name">人脸识别食堂消费系统会给食堂带来哪些变化呢</p>
							<p class="time">2019-12-25 15:04:18</p>
						</a>
					</div>
					<div class="item">
						<a href="service-guide.html">
							<img class="img" src="img/hard-machine10.png" alt="">
							<p class="name">人脸识别食堂消费系统会给食堂带来哪些变化呢</p>
							<p class="time">2019-12-25 15:04:18</p>
						</a>
					</div>
					<!-- <div class="item">
						<a href="#"><img class="img" src="img/hard-machine10.png"></a>
						<a class="name" href="#">人脸识别食堂消费系统会给食堂带来哪些变化呢</a>
						<p class="time">2019-12-25 15:04:18</p>
					</div> -->
				</div>
			</div>
		</div>
		<div class="smb-pagination">
			<div class="wrap-center">
				<ul class="clearfix">
					<li>
						<a href="javascript:void(0);">
							<span class="web">&lt;</span>
							<span class="hfive">上一页</span>
						</a>
					</li>
					<li class="active"><a href="javascript:void(0);">1</a></li>
					<li><a href="javascript:void(0);">2</a></li>
					<li><a href="javascript:void(0);">3</a></li>
					<li><a href="javascript:void(0);">4</a></li>
					<li><a href="javascript:void(0);">5</a></li>
					<li>...</li>
					<li><a href="javascript:void(0);">15</a></li>
					<li><a href="javascript:void(0);">16</a></li>
					<li><a href="javascript:void(0);">17</a></li>
					<li>
						<a href="javascript:void(0);">
							<span class="web">&gt;</span>
							<span class="hfive">下一页</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
